<template>
  <div id="app">
    <div id="page" style="border-style:dashed;border-color:#e4e4e4;line-height:30px;no-repeat right;">
	    <h1>抱歉，找不到请求页面~</h1>
	    <h2>Sorry, the site now can not be accessed. </h2>
	    <font color="#666666"> We recommend that you return to the front page.</font><br /><br />
	    <div class="button">
		    <a href="/Welcome" title="返回首页" target="_self">返回首页</a>
	    </div>
    </div>
  </div>
</template>
<script>
export default {
 mounted:function(){
      var orderHeight=document.body.clientHeight;
      console.log
  }
}
</script>
<style scoped>
#app{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display:flex;
  justify-content:center
}
div{margin-left:auto; margin-right:auto;}
a {text-decoration: none; color: #1064A0;}
a:hover {color: #0078D2;}
h1,h2,h3,h4 {
/*	display:block;*/
	margin:0;
	font-weight:normal; 
	font-family: "微软雅黑", Arial, "Trebuchet MS", Helvetica, Verdana ; 
}
h1{font-size:44px; color:#0188DE; padding:20px 0px 10px 0px;}
h2{color:#0188DE; font-size:16px; padding:10px 0px 40px 0px;}
#page{
width:480px;
height:245px;
padding:20px 20px 40px 20px; 
margin-top:100px;
}
.button{
width:180px; 
height:28px; 
margin-left:0px;
margin-top:10px;
background:#009CFF;
border-bottom:4px solid #0188DE; 
text-align:center;
}
.button a{width:180px; height:28px; display:block; font-size:14px; color:#fff; }
.button a:hover{ background:#5BBFFF;}

</style>